/**
 * 上传文件预览的弹窗左下方提示
 * @author tongsitong
 */
import styled from "styled-components";
import icon_warning_grey from "@/assets/icons/icon-warning-grey.png";
import { Font10 } from "./PreviewHint";

interface PreviewFooterProps {
  content?: string; // 提示内容
}

export const PreviewFooter = (props: PreviewFooterProps) => {
  const { content } = props;
  return (
    <FooterWrapper>
      <WarningIcon src={icon_warning_grey} alt="" />
      <Font10 color="#35425E" opacity={0.7}>
        {content ||
          "提交后系统将更新计算数据，此过程将耗费一定时间，在进度完成后可以查看报告"}
      </Font10>
    </FooterWrapper>
  );
};

const FooterWrapper = styled.div`
  height: 28px;
  display: flex;
  align-items: center;
`;

const WarningIcon = styled.img`
  width: 14px;
  height: 14px;
`;